<!-- 设置参评对象 -->
<template>
  <div class="assessment-container" style="width:100%">
    <div class="search-container">
      <div class="search-container-left">
        <div class="search-container-item">
          <span>学期：</span>
          <el-select v-model="semester" style="width: 120px" size="mini" placeholder="请选择" clearable>
            <el-option v-for="item in xueqiList" :key="item.value" :label="item.xqmc" :value="item.xqmc">
            </el-option>
          </el-select>
        </div>
        <div class="search-container-item">
          <span>教员名称：</span>
          <el-input style="width: 152px" size="mini" placeholder="请输入内容" v-model="staffroom_1"></el-input>
        </div>
        <div class="search-container-item">
          <span>课程名称：</span>
          <el-input style="width: 152px" size="mini" placeholder="请输入内容" v-model="coursename_1"></el-input>
        </div>
        <div class="search-container-item">
          <span>状态：</span>
          <el-select v-model="state" style="width: 130px" size="mini" clearable placeholder="请选择">
            <el-option v-for="item in pyccList" :key="item.value" :label="item.label" :value="item.value">
            </el-option>
          </el-select>
        </div>
        <div class="search-button" @click="pjevall" style="margin-top:3px">
          <img src="../../../assets/assessment/icon-search.png" alt="" />
          <span>查询</span>
        </div>
        <!--    showInportReportDialog = true    -->
        <div class="export-button" style="margin:3px 0 0 20px" @click="showInportReportDialog = true">
          <span>批量审核</span>
        </div>
      </div>
      <div class="search-container-right">

        <div class="export-button" style="width:200px;margin-top:3px" @click="saveTding" :disabled="submissionFlag">
          <span>从排课结果生成参评对象</span>
        </div>
        <div class="search-button" style="width:150px;margin:3px 0 0 20px" @click="showInporttoput = true">
          <span>发起评教信息核对</span>
        </div>
      </div>
    </div>
    <div class="plan-entry-table-container">
      <el-table :data="tableData" style="width: 100%" class="xpaas-table-class" row-class-name="xpaas-row-class"
        cell-class-name="xpaas-cell-class" header-row-class-name="xpaas-header-row-class"
        header-cell-class-name="xpaas-header-cell-class" @selection-change="handleSelectionChange">
        <el-table-column width="70" align="center" type="selection"></el-table-column>
        <el-table-column prop="dccjd" label="操作" width="300" align="center">
          <template slot-scope="scope">
            <el-button class="search-button" @click="update1(scope.$index, scope.row.state,scope.row)"
              style="color:#409EFF;display:inline-flex;">修改</el-button>
            <el-button class="export-button" @click="shenh(scope.row.evalactorid, scope.row.state)"
              style="color:#f3b815;display:inline-flex; ">审核</el-button>
            <el-button class="download-buttons"
              @click="updatestateNo2(scope.row.evalactorid, scope.$index, scope.row.state)"
              style="color:#ff3819;display:inline-flex;">驳回</el-button>
          </template>
        </el-table-column>
        <el-table-column prop="staffroom" label="教研室" align="center">
        </el-table-column>
        <el-table-column prop="coursename" label="课程名称" align="center">
        </el-table-column>
        <el-table-column prop="grade" label="年级" align="center">
        </el-table-column>
        <el-table-column prop="classes" label="教学班" align="center">
        </el-table-column>
        <el-table-column prop="teachername" label="参评对象" width="292" align="center">
        </el-table-column>
        <el-table-column prop="description" label="修改说明" width="260" align="center">
        </el-table-column>
        <el-table-column prop="state" label="状态" align="center">
          <template slot-scope="scope">
            <span v-if="scope.row.state == 32">
              审核通过
            </span>
            <span v-if="scope.row.state == 31">
              待管理员审核
            </span>
            <span v-if="scope.row.state == 12">
              待系领导审核
            </span>
            <span v-if="scope.row.state == 0">
              待发起
            </span>
            <span v-if="scope.row.state == 1">
              待课程负责人审核
            </span>
            <span v-if="scope.row.state == 11">
              待教研室主任审核
            </span>
          </template>
        </el-table-column>
      </el-table>
    </div>


    <!--  导出Excel  -->
    <div class="bottom-block">
      <div class="export-button">
        <img src="../../../assets/assessment/icon-export.png" alt="" />
        <download-excel class="export-btn" :data="tableData" :fields="jsonFields" type="xls" name="管理员设置参评对象信息表.xls"
          style="color: #f3b815">
          &ensp;导出Excel
        </download-excel>
      </div>
    </div>



    <!-- <el-dialog
      title="发起评教信息核对"
      :visible.sync="showInporttoput"
      class="message-container"
      width="500px"
      style=" height:520px"
      :modal="true"
    >
      <div class="message-text">
        <div v-if="this.namelist.plan"></div>
        <div v-else>确定要发起评教信息核对吗？</div>
      </div>
      <span slot="footer" class="dialog-footer">
       <el-button type="primary" style="margin-right:70px" @click="submitallput">
          确定
        </el-button>
        <el-button type="danger" @click="showInporttoput = false">
          取消
        </el-button>
      </span>
    </el-dialog> -->


    <el-dialog title="发起评教信息核对" :visible.sync="showInporttoput" class="message-container" width="500px"
      style=" height:520px" :modal="true">
      <div class="message-text">
        <div v-if="this.namelist.plan"></div>
        <div v-else>确定要发起评教信息核对吗？</div>
      </div>
      <span slot="footer" class="dialog-footer">
        <!--    showInportReportDialog = false     -->
        <!-- <el-button type="primary" style="margin-right:70px" @click="submitallput">
          确定
        </el-button>
        <el-button type="danger" @click="showInporttoput = false">
          取消
        </el-button> -->
        <el-button
          style="margin-right:70px;display:inline-flex;color: #02c86c;border: 1px solid #02c86c;background: #dfffef;"
          @click="submitallput">
          通过
        </el-button>
        <el-button class="download-buttons" @click="showInporttoput = false"
          style="display:inline-flex; color:#ff3819; border: 1px solid #ff3819; background:#ffefef;">
          取消
        </el-button>
      </span>
    </el-dialog>


    <el-dialog title="批量审核" :visible.sync="showInportReportDialog" class="message-container" width="500px"
      style=" height:280px; overflow: hidden;" :modal="true">
      <!-- <div class="message-text">
        <div v-if="this.namelist.plan"></div>
        <div v-else>确定要批量审核吗？</div>
      </div> -->
      <span slot="footer" class="dialog-footer">
        <!--    showInportReportDialog = false     -->
        <el-button
          style="margin-right:70px;display:inline-flex;color: #02c86c;border: 1px solid #02c86c;background: #dfffef;"
          @click="submitall">
          通过
        </el-button>
        <el-button class="download-buttons" @click="showInportReportDialog = false"
          style="display:inline-flex; color:#ff3819; border: 1px solid #ff3819; background:#ffefef;">
          驳回
        </el-button>
      </span>
    </el-dialog>

    <!--    打回-->
    <el-dialog title="驳回选择" :visible.sync="showExportReportDialog" width="1185px" class="manual-entry-container">
      <div class="manual-entry-container">
        <el-row>
          <el-col :span="12">
            <div style=" background: rgba(77, 129, 192, 0.1);">打回至:</div>
          </el-col>
          <el-col :span="12">
            <el-radio-group v-model="reportTypep" @change="evaor">
              <el-radio :label="item.label" v-for="(item, index) in reportTypepss" :key="index" class="large">{{
                  item.value
              }}
              </el-radio>
            </el-radio-group>
          </el-col>
        </el-row>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="ubohuipdateById">确 定</el-button>
        <el-button type="warning" @click="showExportReportDialog = false" style="margin-left:10% ">取消</el-button>
      </span>
    </el-dialog>

    <el-dialog title="审核" :visible.sync="showInportReportDialog11" class="message-container" width="500px"
      style=" height:520px" :modal="true">
      <div class="message-text">
        <div v-if="this.namelist.plan"></div>
        <div v-else>确定要审核吗？</div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button
          style="margin-right:70px;display:inline-flex;color: #02c86c;border: 1px solid #02c86c;background: #dfffef;"
          @click="shenh1">
          通过
        </el-button>
        <el-button class="download-buttons" @click="showInportReportDialog11 = false"
          style="display:inline-flex; color:#ff3819; border: 1px solid #ff3819; background:#ffefef;">
          取消
        </el-button>
      </span>
    </el-dialog>

    <el-dialog title="修  改" :visible.sync="showManualEntryDialogascD" width="1185px" class="manual-entry-containerass">
      <div style=" height: 488px;">
        <el-row>
          <el-col :span="16">
            <div>教研室</div>
            <div class="my-cas">
              <span class="my-from-span">{{ text.staffroom }}</span>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="16">
            <div>课程名称</div>
            <div class="my-cas">
              <span class="my-from-span">{{ text.coursename }}</span>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="16">
            <div>教学班</div>
            <div class="my-cas">
              <span class="my-from-span">{{ text.classes }}</span>
            </div>
          </el-col>

        </el-row>
        <el-row>
          <el-col :span="16">
            <div>参评对象</div>
            <div class="my-cas">
              <div class="my-form-item-value" @click="setTeacherIn()">
                <!-- <span>修 改</span> -->
                <el-button style="margin-right:20px;display:inline-flex;color: #02c86c;border: 1px solid #02c86c;background: #dfffef;font-size:16px">
                  修 改
                </el-button>
                <!-- <img src="../../../assets/home/grena-anniu.png" alt="" /> -->
              </div>
              <span class="my-from-span">{{ text.teachername }}</span>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="16">
            <div>修改说明</div>
            <div class="my-cas">
              <el-input v-model="text.description" type="textarea" placeholder="请输入内容" :rows="3" maxlength="300"
                show-word-limit style="width: 100%"></el-input>
            </div>
          </el-col>
        </el-row>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" style="margin-right:70px" @click="UpdateIdDesc('Messsage')">
          保存
        </el-button>
        <el-button type="warning" @click="showManualEntryDialogascD = false">
          取 消
        </el-button>
      </span>

    </el-dialog>
    <!-- <el-dialog :title="选择监考员" :visible.sync="showYprDialog" width="983px">
      <div class="choose-ypr-container">
        <div class="choose-ypr-search-container">
          <span class="title">单位：</span>
          <el-select
            v-model="dw"
            style="width: 100px; margin-right: 30px"
            size="mini"
            placeholder="请选择"
          >
            <el-option
              v-for="item in dwList"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
          <el-input
            style="width: 152px; margin-right: 20px"
            size="mini"
            v-model="courseYpr"
            placeholder="关键字搜索"
          >
            <i slot="prefix" class="el-input__icon el-icon-search"></i>
          </el-input>
          <div class="search-button">
            <img src="../../../assets/assessment/icon-search.png" alt=""/>
            <span @click="showYprClick">查询</span>
          </div>
          <div class="button-list">
            <div
              class="button-item"
              v-for="(item, index) in searchNameList"
              :key="index"
              @click="delTag(index)"
            >
              <img
                class="del-icon"
                src="../../../assets/assessment/approval-del.png"
                alt=""
              />
              <div>{{ item }}</div>
            </div>
          </div>
        </div>
        <div class="choose-ypr-table-container">
          <el-table
            ref="multipleTable"
            :data="yjnameList"
            border
            style="width: 100%"
            class="table-data"
            row-class-name="row-class"
            cell-class-name="cell-class"
            header-row-class-name="header-row-class"
            header-cell-class-name="header-cell-class"
            @selection-change="handleSelectionChange"
          >
            <el-table-column
              prop=""
              label="选择"
              width="154"
              type="selection"
              align="center"
              class-name=""
              label-class-name=""
            >
            </el-table-column>
            <el-table-column
              prop="name"
              label="姓名"
              width="153"
              align="center"
            >
            </el-table-column>
            <el-table-column prop="sex" label="性别" width="154" align="center">
            </el-table-column>
            <el-table-column
              prop="unit"
              label="单位"
              width="153"
              align="center"
            >
            </el-table-column>
            <el-table-column prop="job" label="职务" align="center">
            </el-table-column>
          </el-table>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
          <button class="green" @click="showYprDialogclosure()">确 定</button>
        </span>
    </el-dialog> -->
    <el-dialog title="修改参评对象" :visible.sync="showJKYDialog" width="983px" class="szjky">
        <div class="choose-ypr-container">
          <div class="choose-ypr-search-container">
            <span class="title">单位：</span>
            <el-select
              v-model="company"
              style="width: 150px; margin-right: 30px"
              size="mini"
              clearable
              placeholder="请选择"
            >
              <el-option
                v-for="(item,index) in companyList"
                :key="index"
                :label="item"
                :value="item"
              >
              </el-option>
            </el-select>
            <el-input
              style="width: 152px; margin-right: 20px"
              size="mini"
              v-model="courseYpr"
              clearable
              placeholder="关键字搜索"
            >
              <i slot="prefix" class="el-input__icon el-icon-search"></i>
            </el-input>
            <div class="search-button" style="display: inline-flex;position: relative;top: 2px;" @click="searchTeacher">
              <img src="../../../assets/assessment/icon-search.png" alt="" />
              <span style="color:#51aef6">查询</span>
            </div>
            <!-- <div class="button-list">
              <el-tag
                class="button-item"
                v-for="(tag,index) in searchNameList"
                :key="index"
                closable
                type="info">
                {{tag.name}}
              </el-tag>
            </div> -->
            <!-- <div class="button-list">
              <div
                class="button-item"
                v-for="(item,index) in searchNameList"
                :key="index"
                @click="delTag(index)"
              >
                <img
                  class="del-icon"
                  src="../../../assets/assessment/approval-del.png"
                  alt=""
                />
                <div>{{ item.name }}</div>
              </div>
            </div> -->
          </div>
          <div class="choose-ypr-table-container">
            <el-table
              :data="yprList"
              max-height="350"
              ref="multipleTableExter"
              style="width: 100%;margin-top:15px"
              class="xpaas-table-class"
              row-class-name="xpaas-row-class"
              cell-class-name="xpaas-cell-class"
              header-row-class-name="xpaas-header-row-class"
              header-cell-class-name="xpaas-header-cell-class"
              @selection-change="handleSelectionChangetea"
            >
              <el-table-column
                type="selection"
                width="155">
              </el-table-column>
              <el-table-column
                prop="name"
                label="姓名"
                width="153"
                align="center"
              >
              </el-table-column>
              <el-table-column prop="sex" label="性别" width="154" align="center">
              </el-table-column>
              <el-table-column
                prop="unit"
                label="单位"
                width="153"
                align="center"
              >
              </el-table-column>
              <el-table-column prop="job" label="职务" align="center">
              </el-table-column>
            </el-table>
          </div>
        </div>
        <span slot="footer" class="dialog-footer" @click="exaTeaok()">
          <button class="green">确 定</button>
        </span>
    </el-dialog>

    <!-- <showYprDialog :dialogTitle="dialogTitle" :showYprDialog='showYprDialog' @showYprDialClick="showYprDialClick"
      @renew="renew"></showYprDialog> -->
  </div>
</template>

<script>
import { reqGetXqList } from "@/api/course/courses";
import showYprDialog from "@/views/comonents/showYprDialog";
import { pjevall, submitallput, UpdateIdDesc, updatestateNo, pjupByid } from "@/api/teacher/admin";
import { UpdateID } from "@/api/teacher/supervision";
import { ubohuipdateById, updateById, SaveEvalactor } from "../../../api/teacher/supervision";
import { mapGetters } from "vuex";
import { queryExaDetail,selectDetailsJob,getDeptList,updateRemark,updateStatus } from "@/api/courseAchievement/entryResults";

export default {
  components: {
    showYprDialog,
  },
  data() {
    return {
      yprList:[],
      showJKYDialog:false,
      //导出Excel
      jsonFields: {
        教研室: "staffroom",
        课程名称: "coursename",
        年级: "grade",
        教学班: "classes",
        参评对象: "teachername",
        修改说明: "description",
      },


      //都好分割
      statedouhao: '',
      statedouhao1: '',
      statedouhao2: '',
      roleid: '',

      showExportReportDialog: false,  //驳回跳转页面
      submissionFlag: true,//发起评教信息核对只能发起一次，状态变灰,从排课结果生成参评对象
      varstate: "",
      namelist: {},
      coursename_1: '',
      staffroom_1: '',
      // id: "2",
      a1: "名称填写",
      a2: "A,B,C,D",
      a3: "A",
      a4: "张三",
      planid: '',
      evalactorid: '',
      showYprDialog: '',
      dialogTitle: '修改',
      semester: "",
      xueqiList: [],
      state: "",
      pyccList: [
        {
          value: "32",
          label: "审核通过",
        },
        {
          value: "31",
          label: "待管理员审核",
        },
        {
          value: "12",
          label: "待系领导审核",
        },
        {
          value: "0",
          label: "待发起",
        },
        {
          value: "1",
          label: "待课程负责人审核",
        },
        {
          value: "11",
          label: "待教研室主任审核",
        }
      ],
      studytype: "",
      xxlxList: [
        {
          value: "选修",
          label: "选修",
        },
        {
          value: "必修",
          label: "必修",
        },
      ],
      text: {
        evalactorid: '',
        staffroom: '',
        coursename: '',
        classes: '',
        teachername: '',
        description: '',
        teacherid: '',
      },
      newArr: [],
      tableData: [],
      teacherid: '',
      coursename: "",
      showInportReportDialog11: false,
      showEditDialog: false,
      showManualEntryDialogascD: false,
      showInportReportDialog: false,
      showInporttoput: false,

      //打回
      reportType: "",
      yjnameList: [],
      updateIndex: '',

      reportTypep: "按教学班导出",
      reportTypepss: [],
      handleSelectionChangeData: [],
      handleSelectionChangeteaD: [],
      company:'',
      courseYpr:'',
      teaRowInfo:{},
    };
  },
  computed: {
    ...mapGetters(['userInfo']),

  },
  mounted() {
    this.getXqList();
    getDeptList().then(res=>{
      if(res.data.code == 200){
        this.companyList = res.data.data;
      }
    })
    this.pjevall();
    // this.ByIdJueSe();
  },
  methods: {
    exaTeaok(){
      let arr = [];
      let nameArr = [];
      if(this.handleSelectionChangeteaD.length > 0){
        if(typeof this.handleSelectionChangeteaD[0] == 'undefined'){
          var newArr = this.handleSelectionChangeteaD.slice(0);
          newArr.shift();
          this.handleSelectionChangeteaD = newArr
        }
        for (const Key in this.handleSelectionChangeteaD) {
          arr[Key] = this.handleSelectionChangeteaD[Key].id;
          nameArr[Key] = this.handleSelectionChangeteaD[Key].name; 
        }
      }
      this.text.teachername = nameArr.join(',')
      this.text.teacherid = arr.join(',')
      this.showJKYDialog = false;
    },
    handleSelectionChangetea(val){
      this.handleSelectionChangeteaD = val;   
    },
    //监考员弹框内查询
    searchTeacher(){
      let teacherInfo = {
        bzbm:this.company,
        xm:this.courseYpr
      };
      selectDetailsJob(teacherInfo).then(res=>{
        if(res.data.code == 200){
          this.yprList = res.data.data;
        }
      })
    },
    //点击设置监考员
    setTeacherIn(){
      this.showJKYDialog = true;
      // this.teaSaveType = type;
      let obj = {};
      let ids = this.teaRowInfo.teacherid.split(',');
      // this.setTeacherInfo = row;
      // this.multipleSelection.splice(0, this.multipleSelection.length);
      // this.searchNameList.splice(0, this.searchNameList.length);
      return new Promise(() => {
        selectDetailsJob(obj).then(res => {
          this.yprList = res.data.data;
          this.$nextTick(() => {
            this.$refs.multipleTableExter.clearSelection()
            ids.forEach(res => {
              this.$refs.multipleTableExter.toggleRowSelection(
                this.yprList.find(item => {
                    return res == item.id;
                  }
                ), true);
            })
          })
        })
      })
    },
    //发起评教信息核对只能发起一次
    //点击选择监考员
    //教员评教信息核对(查询)EditUpdate(item.evalactorid)
    // 获取学期院历列表
    async getXqList() {
      const result = await reqGetXqList();
      if (result.data.code == 200) {
        this.xueqiList = result.data.data;
      }
    },
    //查询全部
    pjevall() {
      let obj = {
        coursename: this.coursename_1,
        semester: this.semester,
        staffroom: this.staffroom_1,
        state: this.state,
      }
      return new Promise(() => {
        // 32代表被已审核，31代表未审核，21代表教研室未审核，0代表未发起，1代表已发起,教员审核是11，管理员审核驳回后是23
        pjevall(obj).then(res => {
          if (res.data.code == 200) {
            this.tableData = res.data.data;
            for (let i = 0; i < this.tableData.length; i++) {
              for (let x = 0; x < this.tableData[i].pjChecks.length; x++) {
                let pjChecks = this.tableData[i].pjChecks
                let role_id = this.userInfo.role_id
                this.role_id = this.userInfo.role_id
                let roleid = this.tableData[i].pjChecks[x].roleid
                this.roleid = this.tableData[i].pjChecks[x].roleid
                pjChecks[x] = {
                  checkid: pjChecks[x].checkid,  //角色对应的id
                  text: pjChecks[x].text, //留言
                  job: pjChecks[x].job,  //角色名
                  state: pjChecks[x].state,
                  dengji: pjChecks[x].roleid,
                }
                if (role_id == roleid) {
                  this.tableData[i].checkid = this.tableData[i].pjChecks[x].checkid
                  // this.tableData[i].status = this.tableData[i].shspeeds[x].chstatus
                  
                }
              }
            }
            for (var i = 0; i < this.roleid.length; i++) {
              if (this.newArr.indexOf(this.roleid[i]) === -1) {
                this.newArr.push(this.roleid[i])
              }
            }
          }
        })
      })
    },
    //修改
    update1(index, state,row) {
      this.state = state  //31 带管理员审核
      if (this.state == 31) {
        this.text.evalactorid = this.tableData[index].evalactorid
        this.text.staffroom = this.tableData[index].staffroom
        this.text.coursename = this.tableData[index].coursename
        this.text.classes = this.tableData[index].classes
        this.text.teachername = this.tableData[index].teachername
        this.text.description = this.tableData[index].description
        this.text.teacherid = this.tableData[index].teacherid
        this.showManualEntryDialogascD = true
        this.updateIndex = index
        this.teaRowInfo = row
      } else if (this.state == 32) {
        this.$message.error('管理员已审核成功，不能进行修改')
      } else {
        this.$message.error('还未到管理员审核，不能进行修改')
      }
    },

    //  修改参评对象
    showYprDialClick: function (teacherid) {
      this.showYprDialog = teacherid
    },
    showYprDial(teacherid, evalactorid) {
      this.evalactorid = evalactorid
      this.dialogTitle = '' +
        ''
      this.showYprDialClick(teacherid)
    },
    renew: function (id, name) {
      // this.text.teacherid = id
      // this.text.teachername = name
      // let obj = {
      //   evalactorid: this.evalactorid,
      //   teacherid: id,
      //   teachername: name
      // }
      //修改传值
      // return new Promise(() => {
      //   //网上评教修改保存
      //   UpdateID(obj).then(res => {
      //     this.tableData[this.updateIndex].teachername = name
      //     this.update1(this.updateIndex)
      //   })
      // })
    },

    //修改说明   点击保存
    UpdateIdDesc() {
      let obj = {
        descc: this.text.description,
        evalactorid: this.text.evalactorid,
        teacherid: this.text.teacherid,
        teachername: this.text.teachername,
      }
      return new Promise(() => {
        //网上评教修改保存
        UpdateIdDesc(obj).then(res => {
          if (res.data.code == 200) {
            this.tableData = res.data.data
            this.$message.success('修改成功')
            this.showManualEntryDialogascD = false
            this.pjevall()
          } else {
            this.$message.error('修改失败')
          }
        })
      })
    },

    //批量审核
    handleSelectionChange(val) {
      //定义一个临时数组
      // let planidArr = []
      // let stateArr = []
      // for (var i = 0; i < val.length; i++) {    //循环遍历当前数组
      //   //判断当前数组下标为i的元素是否已经保存到临时数组
      //   //如果已保存，则跳过，否则将此元素保存到临时数组中
      //   let evalactorid = val[i].evalactorid
      //   let evastate = val[i].state
      //   planidArr.push(evalactorid)//push 数组添加数据
      //   stateArr.push(evastate)
      // }
      // this.varstate  =  stateArr
      // this.planid = planidArr.toString()
      this.handleSelectionChangeData = val;
    },
    //批量通过
    submitall() {
      if (this.handleSelectionChangeData.length <= 0) {
        this.$message.error('请选择审核数据')
        this.showInportReportDialog = false
      } else {
        //定义一个临时数组
        let planidArr = []
        // for (var i = 0; i < this.handleSelectionChangeData.length; i++) {    //循环遍历当前数组
        //   //判断当前数组下标为i的元素是否已经保存到临时数组
        //   //如果已保存，则跳过，否则将此元素保存到临时数组中
        //   let evalactorid = this.handleSelectionChangeData[i].evalactorid
        //   planidArr.push(evalactorid)//push 数组添加数据
        // }
        // let 
        this.handleSelectionChangeData.filter(item => {
          if (item.state == '31') {
            planidArr.push(item.evalactorid)
          }
        })
        if (planidArr.length) {
          // let obj = {
          //   ids: planidArr.toString()
          // }
          return new Promise(() => {
            pjupByid(planidArr.toString()).then(res => {
              if (res.data.code == 200) {
                this.showInportReportDialog = false
                this.$message.success('审核成功')
                this.pjevall()
              }
            })
          })


        }

        // this.planid = planidArr.toString()
        // let obj = {
        //   ids: this.planid,
        // }
        // return new Promise(() => {
        //   pjupByid(obj).then(res => {
        //     if (res.data.code == 200) {
        //       this.showInportReportDialog = false
        //       this.$message.success('审核成功')
        //       this.pjevall()
        //     }
        //   })
        // })
      }
    },
    //  单个审核
    shenh(evalactorid, state) {
      this.evalactorid = evalactorid,
        this.state = state
      if (this.state == 31) {
        this.showInportReportDialog11 = true
      } else if (this.state == 32) {
        this.$message.error('管理员已审核通过，不能重复审核')
      } else {
        this.$message.error('未到管理员审核，不能进行审核')
      }
    },
    //单个审核通过
    shenh1() {
      let obj = {
        evalactorid: this.evalactorid,
        state: this.state
      }
      return new Promise(() => {
        //网上评教修改保存
        updateById(obj).then(res => {
          if (res.data.code == 200) {
            this.showInportReportDialog11 = false
            this.pjevall()
          }
        })
      })
    },

    //驳回
    evaor(label) {
      this.asts = label
    },
    updatestateNo2(evalactorid, index, state) {
      this.evalactorid = evalactorid
      this.state = state
      if (this.state == 31) {
        this.showExportReportDialog = true
        this.dahui(evalactorid, index)
      }
      else if (this.state == 32) {
        this.$message.error('管理员已审核通过，不能驳回')
      } else {
        this.$message.error('未到管理员审核，不能进行驳回')
      }
    },
    dahui(evalactorid, index) {
      let pjChecks = this.tableData[index].pjChecks
      let arr = []
      let obj
      for (const shspeedsKey in pjChecks) {
        if (+pjChecks[shspeedsKey].state === 1) {
          let job = pjChecks[shspeedsKey].job;
          obj = {
            label: pjChecks[shspeedsKey].dengji,
            value: job,
            checkid: this.tableData[index].pjChecks[shspeedsKey].checkid
          }
          arr.push(obj)
        }
        this.reportTypepss = arr
      }
    },
    //打回确定
    ubohuipdateById() {
      let obj = {
        bohuijuese: this.asts,
        evalactorid: this.evalactorid,
      }
      if (this.reportTypep || this.reportTypep === 1) {
        obj.reject = this.reportTypep
      } else {
        this.$message.error('没有选择打回人');
        return
      }
      this.showExportReportDialog = false
      return new Promise(() => {
        //网上评教修改保存
        ubohuipdateById(obj).then(res => {
          if (res.data.code === 200) {
            this.pjevall();
          }
        })
      })
    },
    submitallput() {
      return new Promise(() => {
        //网上评教修改保存
        var a = this.varstate.indexOf("0");
        if (this.handleSelectionChangeData.length <= 0) {
          this.$message.error('请选择要发起的数据')
          this.showInporttoput = false
        }
        else {
          let planidArr = [];
          this.handleSelectionChangeData.filter(item => {
            planidArr.push(item.evalactorid)
          })
          this.planid = planidArr.toString();
          submitallput(this.planid).then(res => {
            if (res.data.data == "选中的参评对象已发起过评教信息核对") {
              this.showInporttoput = false
              this.$message.error(res.data.data)
              this.pjevall()
            } else {
              this.$message.success("发起成功")
              this.showInporttoput = false
              this.pjevall()
            }
          })
        }
      })
    },

    saveTding() {
      if (this.semester == '') {
        this.$message({
          type: 'info',
          message: '请先选择学期！'
        })
        return
      }
      SaveEvalactor(1, 1000, this.semester).then(res => {
        if (res.data.code == 200) {
          this.$message({
            type: 'success',
            message: res.data.data
          })
        } else {
          this.$message({
            type: 'error',
            message: '操作失败！'
          })
        }
      })
    },
    toManualEntry(planid) {
      this.$router.push({ path: "/teacher/courseAchievement/manualEntry", query: { planid: planid } });
    },
    toMakeupScoreEntry() {
      this.$router.push("/teacher/courseAchievement/entryResults");
    },
  },
};

</script>
<style lang="less" scoped>
@fontFamily: "Microsoft YaHei";

.xpaas-table-class {
  border: 1px solid #004ca7;
  border-radius: 9px;
  margin: 15px 0;

  > ::v-deep div.el-table__header-wrapper {
    >table.el-table__header {
      >thead {
        >tr.xpaas-header-row-class {
          padding: 0;
          height: 76px;
          background-color: #edf2f9;
          font-size: 16px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          line-height: 20px;
          color: #004ca7;

          >th.xpaas-header-cell-class {
            font-weight: bold;
            border-right: 1px solid #c7d7eb;
            border-left: 0;
            border-bottom: 1px solid #c7d7eb;
            background-color: #edf2f9;

            >div.cell {
              font-size: 16px;
              font-weight: bold;
              font-family: @fontFamily;
              color: #004ca7;
            }
          }
        }
      }
    }
  }

  > ::v-deep div.el-table__body-wrapper {
    >table.el-table__body {
      >tbody {
        >tr.xpaas-row-class {
          >td.xpaas-header-cell-class {
            border-right: 1px solid #c7d7eb;
            border-left: 0;
            border-bottom: 1px solid #c7d7eb;
            background-color: #edf2f9;

            >div.cell {
              font-size: 16px;
              font-weight: bold;
              font-family: @fontFamily;
              color: #004ca7;
            }
          }

          >td.xpaas-cell-class {
            height: 76px;
            border-right: 1px solid #c7d7eb;
            border-left: 0;
            border-bottom: 1px solid #c7d7eb;

            >div.cell {
              font-weight: normal;
              font-family: @fontFamily;
              color: #004ca7;
            }
          }
        }
      }
    }
  }
}

.message-container {
  .message-text {
    >div {
      padding: 57px 0 63px 0;
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      line-height: 20px;
      color: #004ca7;
      text-align: center;
    }
  }

  .el-dialog__footer {
    padding-bottom: 95px;
    display: flex;
    justify-content: space-evenly;
  }
}

.my-cas {
  margin-right: -200px;
  margin-left: 30px;
}

.my-from-span {
  width: 195px;
  height: 39px;
  font-size: 17px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 39px;
  color: #004CA7;
  opacity: 1;
}

.back-container {
  .back-text {
    margin-top: 33px;

    >div {
      display: inline-block;

      &:nth-child(1) {
        padding-left: 111px;
        font-size: 20px;
        color: rgba(0, 76, 167, 1);
        font-weight: bold;
        vertical-align: top;
      }
    }
  }

  .el-dialog__footer {
    padding-bottom: 95px;

  }
}

.manual-entry-container {
  .el-dialog__body {
    height: 390px;

    >div {
      width: 1014px;
      border: 1px solid rgba(0, 76, 167, 0.8);
      border-radius: 6px;
      margin: 0 auto;

      >div {
        border-bottom: 1px solid rgba(0, 76, 167, 0.39);

        &:last-child {
          border-bottom: none;
        }

        >div {
          display: flex;

          >div {
            height: 96px;
            display: flex;
            align-items: center;
            justify-content: center;

            &:nth-child(1) {
              width: 420px;
              text-align: center;
              font-size: 16px;
              font-weight: bold;
              color: #004ca7;
              background: rgba(77, 129, 192, 0.1);
            }

            &:nth-child(2) {
              padding-left: 19px;
            }
          }
        }
      }
    }
  }

  .el-dialog__footer {
    padding-bottom: 43px;
  }


}

.manual-entry-container {
  .el-dialog__body {
    >div {
      width: 1014px;
      border: 1px solid rgba(0, 76, 167, 0.8);
      border-radius: 6px;
      margin: 0 auto;

      >div {
        border-bottom: 1px solid rgba(0, 76, 167, 0.39);

        &:last-child {
          border-bottom: none;
        }

        >div {
          display: flex;

          >div {
            height: 96px;
            display: flex;
            align-items: center;
            justify-content: center;

            flex-wrap: wrap;
            flex-direction: row;
            align-content: stretch;

            &:nth-child(1) {
              width: 80%;

              text-align: center;
              font-size: 16px;
              font-weight: bold;
              color: #004ca7;

            }

            &:nth-child(1) {
              height: 200px;
            }
          }
        }
      }
    }
  }

  .el-dialog__footer {
    padding-bottom: 43px;
  }

  .dialog-footer {}
}



.message-container {
  .message-text {
    >div {
      padding: 57px 0 63px 0;
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      line-height: 20px;
      color: #004ca7;
      text-align: center;
    }
  }

  .el-dialog__footer {
    padding-bottom: 95px;
    display: flex;
    justify-content: space-evenly;
  }
}

.paper-message-container {
  .paper-message-text {
    >div {
      padding: 57px 0 63px 0;
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      line-height: 20px;
      color: #004ca7;
      text-align: center;
    }
  }

  .el-dialog__footer {
    padding-bottom: 95px;
  }

  .confirm-button {
    width: 87px;
    height: 36px;
    padding: 0;
    background: #f1fff8;
    border: 1px solid #02c86c;
    border-radius: 4px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #02c86c;
    cursor: pointer;
    margin-right: 92px;
  }

  .cancle-button {
    .confirm-button;
    background: #fff6ef;
    border: 1px solid #f3b815;
    color: #f3b815;
    margin-right: 0px;
  }
}

.upload-paper-container {
  .paper-container {
    width: 100%;
    height: 236px;
    opacity: 1;

    .paper-container-row {
      display: flex;
      flex-direction: row;
      align-items: center;
      font-family: Microsoft YaHei;

      margin-bottom: 35px;
      border: 1px solid #004CA7;

      .paper-container-box1 {
        width: 233px;
        height: 126px;
        background: rgba(0, 76, 167, 0.1);
        opacity: 0.1;
        border-radius: 5px 0px 0px 0px;
        display: flex;
        align-items: center;
        justify-content: center;

        .title {
          width: 90px;
          height: 24px;
          font-size: 18px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          line-height: 20px;
          color: rgba(0, 76, 167, 1);
          opacity: 1;
        }
      }

      .paper-container-box2 {
        margin-left: 15px;
      }

      .upload-button {}

      .file-name {
        max-width: 340px;
        margin-right: 10px;
      }

      .scan-button {
        width: 62px;
        height: 28px;
        line-height: 28px;
        background: #fff6ef;
        border: 1px solid #f3b815;
        border-radius: 4px;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #f3b815;
        text-align: center;
        cursor: pointer;
      }

      .download-button {
        .scan-button;
        background: #f1f8fe;
        border: 1px solid #51aef6;
        color: #51aef6;
      }

      img {
        width: 18px;
        height: 19px;
        margin-right: 14px;
      }

      .re-upload-button {
        .upload-button;
        width: 80px;
        color: #02c86c;
        border: 1px solid #02c86c;
        background: #dfffef;

        input {
          width: 80px;
        }
      }
    }
  }

  .el-dialog__footer {
    padding-bottom: 95px;
  }

  .confirm-button {
    width: 87px;
    height: 36px;
    padding: 0;
    background: rgba(90, 101, 204, 0.1);
    border: 1px solid #5230e9;
    border-radius: 4px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #5230e9;
    cursor: pointer;
    margin-right: 92px;
  }

  .cancle-button {
    .confirm-button;
    background: #ffefef;
    border: 1px solid #ff3819;
    color: #ff3819;
    margin-right: 0px;
  }

  .download-button {
    .confirm-button;
    background: #f1f8fe;
    border: 1px solid #51aef6;
    color: #51aef6;
    margin-right: 92px;
  }
}

.plan-entry-table-container {
  margin-top: 30px;

  .el-table td,
  .el-table th.is-leaf,
  .el-table--border,
  .el-table--group {
    border-color: #c7d7eb;
  }

  .el-table__header tr,
  .el-table__header th {
    padding: 0;
    height: 76px;
    background-color: #edf2f9;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 20px;
    color: #004ca7;
  }

  .el-table__body tr,
  .el-table__body td {
    padding: 0;
    height: 86px;
  }

  .export-button {
    background: #ebe6ff;

    cursor: pointer;

    background: #fff6ef;
    border: 1px solid #5230e9;
    width: auto;
    height: 28px;
    line-height: 28px;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;

    >span {
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #f3b815;
    }

    >img {
      width: 16px;
      height: 16px;
      margin-right: 5px;
    }
  }

  .bk-lucj-import-button {
    .export-button;
    width: 70px;
    background: #f1fff8;
    border: 1px solid #02c86c;
    box-sizing: border-box;
    margin: 0 auto 12px;

    &:last-child {
      margin-bottom: 0px;
    }

    >span {
      color: #02c86c;
    }
  }

  .bk-lucj-expot-button {
    .export-button;
    width: 156px;
    background: #fef1e8;
    border: 1px solid #f86900;
    box-sizing: border-box;
    margin: 0 auto 12px;

    &:last-child {
      margin-bottom: 0px;
    }

    >span {
      color: #f86900;
    }
  }

  .tjst-button {
    width: 78px;
    height: 27px;
    line-height: 27px;
    background: #f1f8fe;
    border: 1px solid #51aef6;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #51aef6;
    cursor: pointer;
  }

  .dh-button {
    .tjst-button;
    margin-top: 12px;
    background: #ffefef;
    border: 1px solid #ff3819;
    color: #ff3819;
  }

  .cx-button {
    .tjst-button;
    background: #ffefef;
    border: 1px solid #ff3819;
    color: #ff3819;
  }

  .cz-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .txmtjh-button {
    .tjst-button;
    width: 114px;
    background: #fff6ef;
    border: 1px solid #f3b815;
    color: #f3b815;
  }

  .ckmtjh-button {
    .tjst-button;
    width: 114px;
    background: #f1fff8;
    border: 1px solid #02c86c;
    color: #02c86c;
  }

  .xz-button {
    .tjst-button;
    width: 51px;
    background: #edf2f9;
    border: 1px solid #004ca7;
    color: #004ca7;
  }

  .name-button {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 25px;
    color: #004ca7;
    text-decoration: underline;
  }

  .name-button:hover {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 25px;
    color: #187ef8;
  }

  .upload-button {
    .tjst-button;
    width: 98px;
    margin: 0 5px;
    background: #efebff;
    border: 1px solid #5230e9;
    color: #5230e9;
  }

  .download-button {
    .tjst-button;
    width: 48px;
    margin: 0 5px;
  }

  .yl-button {
    .tjst-button;
    width: 48px;
    margin: 0 5px;
    background: #fff6ef;
    border: 1px solid #f3b815;
    color: #f3b815;
  }

  .cz-row-block {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;

    .download-buttones {
      align-items: center;
      width: 78px;
      height: 28px;
      line-height: 28px;
      background: #EFEBFF;
      border: 1px solid #5230e9;

      border-radius: 6px;
      cursor: pointer;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;

      >span {
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #5230e9;
      }

      >img {
        width: 16px;
        height: 16px;
        margin-right: 10px;
      }
    }

    .download-buttons {
      align-items: center;
      width: 78px;
      height: 28px;
      line-height: 28px;
      background: #ffefef;
      border: 1px solid #ff3819;
      border-radius: 6px;
      cursor: pointer;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;

      >span {
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #fb563c;
      }

      >img {
        width: 16px;
        height: 16px;
        margin-right: 10px;
      }
    }

    .ztcz-detail {
      .download-buttons;
      background: #f1fff8;
      border: 1px solid #02c86c;

      >span {
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #02c86c;
      }
    }

  }

  .zz-button {
    .tjst-button;
    width: 132px;
    margin: 5px;
    background: #efebff;
    border: 1px solid #5230e9;
    color: #5230e9;
  }

  .tx-button {
    .tjst-button;
    width: 132px;
    letter-spacing: 2px;
    margin: 0 5px;
    background: #f1f8fe;
    border: 1px solid #51aef6;
    color: #51aef6;
  }

  .sjfx-button {
    .tjst-button;
    width: 114px;
    margin: 0 5px;
    background: #fff6ef;
    border: 1px solid #f3b815;
    color: #f3b815;
  }
}

.choose-ypr-container {
  width: 767px;
  margin: 0px auto;

  .choose-ypr-search-container {
    .el-input--prefix .el-input__inner {
      padding-left: 30px;
    }

    .el-input__inner {
      &::placeholder {
        color: #b8b8b8;
      }

      &::-webkit-input-placeholder {
        /* WebKit browsers 适配谷歌 */
        color: #b8b8b8;
      }

      &:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 适配火狐 */
        color: #b8b8b8;
      }

      &::-moz-placeholder {
        /* Mozilla Firefox 19+ 适配火狐 */
        color: #b8b8b8;
      }

      &:-ms-input-placeholder {
        /* Internet Explorer 10+  适配ie*/
        color: #b8b8b8;
      }
    }

    display: flex;
    flex-direction: row;
    align-items: center;

    .title {
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      line-height: 20px;
      color: #004ca7;
      margin-right: 5px;
    }

    .search-button {
      width: 127px;
      height: 28px;
      line-height: 28px;
      background: #f1f8fe;
      border: 1px solid #51aef6;
      border-radius: 6px;
      cursor: pointer;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;

      >span {
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #51aef6;
      }

      >img {
        width: 20px;
        height: 20px;
        margin-right: 4px;
      }
    }

    .button-list {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-left: 21px;

      .button-item {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 69px;
        height: 27px;
        line-height: 27px;
        border: 1px solid #004ca7;
        border-radius: 4px;
        margin-right: 10px;
        text-align: center;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #004ca7;

        .del-icon {
          position: absolute;
          right: 0px;
          top: 0px;
          width: 12px;
          height: 12px;
          padding: 2px;
        }
      }
    }
  }

  .choose-ypr-table-container {
    margin-top: 30px;

    .el-table td,
    .el-table th.is-leaf,
    .el-table--border,
    .el-table--group {
      border-color: #c7d7eb;
    }

    .el-table__header tr,
    .el-table__header th {
      padding: 0;
      height: 57px;
      background-color: #edf2f9;
      font-size: 16px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      line-height: 20px;
      color: #004ca7;
    }

    .el-table__body tr,
    .el-table__body td {
      padding: 0;
      height: 51px;
    }

    .table-data {
      width: 100%;
      border: 0.8px solid #004ca7;
      border-radius: 9px;
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #004ca7;
    }
  }
}

.manual-entry-containerass {
  height: 930px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  .el-dialog {
    height: 930px;

    .el-dialog__body {
      >div {
        width: 1014px;
        border: 1px solid rgba(0, 76, 167, 0.8);
        border-radius: 6px;
        margin: 0 auto;

        >div {
          border-bottom: 1px solid rgba(0, 76, 167, 0.39);

          &:last-child {
            border-bottom: none;
          }

          >div {
            display: flex;

            >div {
              width: 900px;
              height: 96px;
              display: flex;
              align-items: center;
              justify-content: center;

              &:nth-child(1) {
                width: 900px;
                text-align: center;
                font-size: 16px;
                font-weight: bold;
                color: #004ca7;
                background: rgba(77, 129, 192, 0.1);
              }

            }
          }
        }
      }
    }
  }

  .el-dialog__footer {
    padding-bottom: 43px;
  }

}

.pagination-block {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.import-report-container {
  height: 400px;


  .el-dialog__body {
    height: 0px;
  }
}

.el-table .cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: normal;
  word-break: break-all;
  line-height: 23px;
  display: flex;
  justify-content: center;
}

.manual-entry-container {}

.assessment-container {}

.plan-entry-table-container {
  margin-top: 30px;

  .el-table td,
  .el-table th.is-leaf,
  .el-table--border,
  .el-table--group {
    border-color: #c7d7eb;
  }

  .el-table__header tr,
  .el-table__header th {
    padding: 0;
    height: 76px;
    background-color: #edf2f9;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 20px;
    color: #004ca7;
  }

  .el-table__body tr,
  .el-table__body td {
    padding: 0;
    height: 86px;
  }

  .el-checkbox__inner:hover {
    border-color: #004ca7;
  }

  .el-checkbox__inner {
    border: 1px solid #004ca7;
    border-radius: 0;
  }

  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #004ca7;
    border-color: #004ca7;
  }

  .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #004ca7;
  }

  .el-checkbox.is-bordered.is-checked {
    border-color: #004ca7;
  }

  .el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #004ca7;
  }

  .export-button {
    background: #fff6ef;
    border: 1px solid #f3b815;
    width: auto;
    height: 28px;
    line-height: 28px;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 3px 10px;
    box-sizing: border-box;

    >span {
      font-size: 16px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #f3b815;
    }

    >img {
      width: 16px;
      height: 16px;
      margin-right: 5px;
    }
  }

  .lucj-import-button {
    .export-button;
    width: 116px;
    margin: 0 auto 12px;
    background: #f1fff8;
    border: 1px solid #02c86c;

    &:last-child {
      margin-bottom: 0px;
    }

    >span {
      color: #02c86c;
    }
  }

  .lucj-expot-button {
    .export-button;
    background: #fff6ef;
    border: 1px solid #f3b815;
    width: 81px;
    margin: 0 auto 12px;

    &:last-child {
      margin-bottom: 0px;
    }

    >span {
      color: #f3b815;
    }
  }
}
</style>

<style lang="less" scoped>
@import "../../../styles/print-entry.less";

.plan-entry-table-container {
  margin-top: 30px;

  .table-data {
    width: 100%;
    border: 0.8px solid #004ca7;
    border-radius: 9px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #004ca7;
  }
}


/*按钮样式*/


.plan-entry-table-container .search-button {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  background: #f1f8fe;
  border: 1px solid #51aef6;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;

  >span {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #51aef6;
  }

  >img {
    width: 20px;
    height: 20px;
    margin-right: 4px;
  }
}

.plan-entry-table-container .download-buttons {
  display: inline-block;
  align-items: center;
  height: 28px;
  line-height: 28px;
  background: #ffefef;
  border: 1px solid #ff3819;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;

  >span {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #fb563c;
  }

  >img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
  }
}

.plan-entry-table-container .export-button {
  display: inline-block;
  background: #ebe6ff;
  padding: 12px 20px;
  cursor: pointer;

  background: #fff6ef;
  width: auto;
  height: 28px;
  line-height: 28px;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;

  >span {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #f3b815;
  }

  >img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }
}
</style>
